<template>
  <van-nav-bar title="订单列表" left-arrow @click-left="onClickLeft" />
  <van-tabs v-model:active="active">
    <van-tab v-for="index in listname" :title="index" :key="index">
      <van-notice-bar :scrollable="true" text="周边滞销 买一送八 帮帮我们" />
    </van-tab>
  </van-tabs>
</template>

<script>
import { reactive, ref } from 'vue'
export default {
  setup() {
    let listname = reactive([
      '电影周边',
      '星宇宙周边',
      '数字藏品',
      '北影节周边'
    ])

    const onClickLeft = () => history.back()
    const activeName = ref('a')

    return {
      onClickLeft,
      activeName,
      listname
    }
    //   },
    //   onMounted(() => {
    //     console.log(111)
    //   })
  }
}
</script>

<style lang="scss" scoped></style>
